<template>
  <a-checkbox-group v-model="groupVal" class="custom-checkbox-group">
    <a-checkbox :value="5">周五</a-checkbox>
    <a-checkbox :value="6">周六</a-checkbox>
    <a-checkbox :value="7">周日</a-checkbox>
  </a-checkbox-group>
</template>
<script setup name="sorderConfigPriceWeekdayCheck">
  import { useVModel } from '@vueuse/core'

  const props = defineProps({
    modelValue: Array,
  })
  const emits = defineEmits(['update:modelValue'])

  const groupVal = useVModel(props, 'modelValue', emits)
</script>
<style lang="less" scoped>
  .custom-checkbox-group {
    margin-left: 7px;
    width: 190px;
    display: flex;
    align-items: center;
    :deep(.arco-checkbox) {
      margin-right: 8px;
    }
  }
</style>
